{extend name="public:base" /}
{block name="head"}
<link href="__PUBLIC__/view_res/mobile/css/wshop_company_center.css" type="text/css" rel="Stylesheet" />
<link href="__PUBLIC__/view_res/mobile/css/uc.css" type="text/css" rel="Stylesheet" />
{/block}
{block name="header"}
{include file="public/top-nav" /}
{/block}
{block name="content"}
<style media="screen">
    h6,p{
        margin: auto;
    }
    .button{
        width: 100%;
        background-color: #f76260!important;
        border: 0;
        color: #fff!important;
        /* left: 50%;
        transform: translate(-50%,-50%); */
        position: fixed;
        display: block;
        bottom:0px;
        padding: 6px 0px;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.42;
        color: #333;
        text-align: center;
        white-space: nowrap;
        vertical-align: top;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        /* border: 1px solid #ccc; */
        border-radius: 0;
        box-shadow: 0px -1px 5px #888888;
        -webkit-transition: all;
        transition: all;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        margin: 0;
    }
    .icon{
        position: absolute;
        right: 0px;
        top:0px;
    }
    .icon>p{
        position: absolute;
        top: 2px;
        right: 2px;
        color: #fff;
    }
    .triangle_border{
        width:0;
        height:0;
        background-color: transparent!important;
    }
    .right{
        border-top: 40px solid #999;
        border-left: 80px solid transparent;
    }
    .gray .right{
        border-top: 40px solid red;
        border-left: 80px solid transparent;
    }
    body{
        background-color: #efeff4
    }
    .card{
        font-size: 14px;
        position: relative;
        /* overflow: hidden; */
        margin: 10px;
        border-radius: 2px;
        background-color: #fff;
        background-clip: padding-box;
        box-shadow: 0 1px 2px rgba(0,0,0,.3);
        padding: 6px;
        color: #8f8f94;
        font-weight:bold;
    }
    .title{
        border-left: 2px solid #4ab8ec;
        font-size: 16px;
        line-height: 16px;
        padding-left: 4px;
        margin: 20px 15px;
        color: red
    }
    .gray{
        /* background-color: #999; */
        color:#fff;
    }
    .icon{
        font-size: 12px;
    }
    .contract .card .card_title{
        font-size: 16px;
        font-weight: 400;
        color:#666;
    }
</style>
    <div class="contract">
        <a href="{:url('Contract/profit')}">
            <div class="card">
                <div class='icon {if condition="$programme neq null"} gray {/if}'>
                <div class="triangle_border right"></div>
                {if condition="$programme neq ''"}
                <p>进行中</p>
                {else}
                <p>暂无申请</p>
                {/if}
            </div>
            <h6 class="card_title">
                提货赠送方案
            </h6>
            {if condition="$programme neq ''"}
            <p style="color:red;">正在执行中</p>
            {/if}
            <p>提货赠送宝豆和吉豆</p>
            </div>
        </a>
    </div>


{/block}
{block name="script"}
{/block}
